<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>淘宝，淘你喜欢！</title>
    <link rel="stylesheet" type="text/css" href="css/style.css">
</head>

<body>
<div id="top_bar">
    <div class="bar_in">
        <div class="bar_left">
            <div class="one two three">
                <span>
                <a href="#">手机版</a>
                </span>
            </div>
            <p>亲，欢迎来淘宝！请<a href="#">登录</a> <a href="#">免费注册</a></p>
        </div>
        <ul class="bar_right">
            <li class="one three"><span><a href="#">我要买</a></span></li>
            <li class="one three"><span><a href="#">我的淘宝</a></span></li>
            <li class="one three"><span><a href="#">卖家中心</a></span></li>
            <li class="one"><span><a href="#">联系客服</a></span></li>
            <li class="one two three"><span><a href="#">购物车<strong>0</strong>件</a></span></li>
            <li class="one three"><span><a href="#">收藏夹</a></span></li>
            <li class="three"><span><a href="#">网站导航</a></span></li>
        </ul>
    </div>
</div>
<div id="header">
    <h1 class="logo">
        <a href="#"><img src="images/logo.jpg" width="294" height="65" alt=""></a>
    </h1>
    <div class="logo_r">
        <div class="top">
            <a href="#" class="baby">宝贝</a>
            <a href="#">天猫<span>(淘宝商城)</span></a>
            <a href="#">店铺</a>
        </div>
        <div class="center">
            <span class="left"></span>
            <input type="text" class="txt" placeholder="请输入关键字">
            <input type="submit" value="" class="btn">
            <p>
                <a href="#">高级搜索</a><br/>
                <a href="#">使用帮助</a>
            </p>
        </div>
        <div class="bottom">
            <a href="#">厚外套</a><a href="#">修身大衣</a><a href="#" class="a1">长款羽绒服</a><a href="#">毛呢短裤</a><a
                href="#">百搭毛衣</a><a href="#">打底裤</a><a href="#">厚牛仔裤</a><a href="#">围巾</a><a
                href="#" class="more">更多</a>
        </div>
    </div>
</div>
<div id="nav">
    <ul class="nav_left">
        <li class="first">首页</li>
        <li><a href="#">天猫</a></li>
        <li><a href="#">聚划算</a></li>
        <li><a href="#">电器城</a></li>
        <li><a href="#">一淘网</a></li>
        <li><a href="#">Hitao妆扮</a></li>
        <li><a href="#">本地生活</a></li>
        <li><a href="#">淘宝旅行</a></li>
    </ul>
    <div class="nav_right">
        <a href="#"><img src="images/new.gif" alt=""></a>
        <a href="#" class="font">会员俱乐部</a>
        <a href="#" class="font">消费者保障</a>
    </div>
</div>

<div id="content">
    <div class="menu">
        <div class="menu_in">
            <div class="top">
                <h3>淘宝服务</h3>
                <span><a href="#">更多</a></span>
            </div>
            <dl>
                <dt>生活</dt>
                <dd><a href="#">拍卖会</a> <a href="#">跳蚤街</a> <a href="#">淘金币</a> <a href="#">试用中心</a> <a href="#">电子书</a>
                    <a href="#">全球购</a></dd>
            </dl>
            <dl>
                <dt>互动</dt>
                <dd><a href="#">拍卖会</a> <a href="#">跳蚤街</a> <a href="#">淘金币</a> <a href="#">试用中心</a> <a href="#">电子书</a>
                    <a href="#">全球购</a></dd>
            </dl>
            <dl>
                <dt>购物</dt>
                <dd><a href="#">拍卖会</a> <a href="#">跳蚤街</a> <a href="#">淘金币</a> <a href="#">试用中心</a> <a href="#">电子书</a>
                    <a href="#">全球购</a></dd>
            </dl>
            <dl>
                <dt>工具</dt>
                <dd><a href="#">拍卖会</a> <a href="#">跳蚤街</a> <a href="#">淘金币</a></dd>
            </dl>
            <dl>
                <dt>其他</dt>
                <dd><a href="#">拍卖会</a> <a href="#">跳蚤街</a> <a href="#">淘金币</a> <a href="#">试用中心</a> <a href="#">电子书</a>
                    <a href="#">全球购</a></dd>
            </dl>
        </div>
    </div>
    <div class="con_right">
        <div class="main">
            <div class="banner">
                <a href="#"><img src="images/mainpromo.png" alt="" width="490" height="170"></a>
                <ol>
                    <li>1</li>
                    <li>2</li>
                    <li>3</li>
                    <li>4</li>
                    <li>5</li>
                </ol>
            </div>
            <div class="tmall">
                <div class="tmall_left">
                    <a href="#"><img src="images/tmall.jpg" alt="" width="84" height="14"></a>精选
                </div>
                <div class="tmall_right">
                    <a href="#"><strong>天猫圣诞季</strong>
                        <span class="square"></span>美食礼品意想不到</a>
                    <div class="turn">
                        <span class="left"></span>
                        <span class="right"></span>
                    </div>
                </div>
            </div>
            <div class="advs">
                <span></span>
                <ul>
                    <li><a href="#"><img src="images/tmll-list1.png" alt=""></a></li>
                    <li><a href="#"><img src="images/tmll-list2.png" alt=""></a></li>
                    <li><a href="#"><img src="images/tmll-list3.png" alt=""></a></li>
                    <li><a href="#"><img src="images/tmll-list4.png" alt=""></a></li>
                </ul>
                <span class="right"></span>
            </div>
            <div class="logos">
                <ul>
                    <li><a href="#"><img src="images/hot-banner1.png" alt="" width="70" height="30"></a></li>
                    <li><a href="#"><img src="images/hot-banner2.png" alt="" width="70" height="30"></a></li>
                    <li><a href="#"><img src="images/hot-banner3.png" alt="" width="70" height="30"></a></li>
                    <li><a href="#"><img src="images/hot-banner1.jpg" alt="" width="70" height="30"></a></li>
                    <li><a href="#"><img src="images/hot-banner2.jpg" alt="" width="70" height="30"></a></li>
                    <li><a href="#"><img src="images/hot-banner3.jpg" alt="" width="70" height="30"></a></li>
                </ul>
            </div>
        </div>
        <div class="main_right">
            <div class="reg">
                <a href="#" class="a01"></a>
                <a href="#" class="a02"></a>
                <a href="#" class="a03"></a>
            </div>
            <div class="tab01">
                <div class="top">
                    <ul>
                        <li class="first"><a href="#">公告</a></li>
                        <li><a href="#">规则</a></li>
                        <li><a href="#">论坛</a></li>
                        <li><a href="#">安全中心</a></li>
                        <li><a href="#">公益</a></li>
                    </ul>
                </div>
                <div class="down">
                    <a href="#" class="a01">[聚划算]启动家电定制</a><a href="#">[圣诞]礼品热卖排行榜</a>
                    <a href="#">[政策]原因通知幽默化</a><a href="#">[小而美]抱团淘年货</a>
                </div>

            </div>
            <div class="tab01 tab02">
                <div class="top">
                    <ul>
                        <li class="service"><strong>便民服务</strong></li>
                        <li class="first"><a href="#">充话费</a></li>
                        <li><a href="#">游戏</a></li>
                        <li><a href="#">旅行</a></li>
                        <li><a href="#">保险</a></li>
                    </ul>
                </div>
                <div class="down">
                    <dl>
                        <dt>手机号：</dt>
                        <dd class="num">
                            <input type="text" value="请输入手机号">
                        </dd>
                    </dl>
                    <dl>
                        <dt>面&nbsp;值：</dt>
                        <dd class="money">
                            <input type="radio" name="money"><span>100元</span>
                            <input type="radio" name="money"><span>50元</span>
                            <input type="radio" name="money"><span>其他</span>
                            <select>
                                <option>10元</option>
                                <option>20元</option>
                                <option>30元</option>
                            </select>
                        </dd>
                    </dl>
                    <dl>
                        <dt>售&nbsp;价：</dt>
                        <dd class="price">￥<span>98-99.60</span></dd>
                    </dl>
                    <div class="recharge">
                        <input type="submit" value="立即充值">
                        <a href="#">首次自动充值话费9折</a>
                    </div>
                </div>
            </div>
            <div class="adv02">
                <a href="#"><img src="images/adv1.jpg" alt="" width="298" height="52"></a>
            </div>
        </div>
    </div>

</div>
</body>
</html>